<template>
<svg 
    viewBox="0 0 1024 1024"
    p-id="98921" 
    :width="width" 
    :height="height"
    :x="x"
    :y="y"
    :fill="fill"
    :stroke="stroke"
    :stroke-width="strokeWidth"
    :shadowColor="shadowColor"
    :shadowBlur="shadowBlur"
    :shadowOffsetX="shadowOffsetX"
    :shadowOffsetY="shadowOffsetY"
    :draggable="true"
    >
    <defs>
        <filter id="filter-offset" x="0" y="0" width="200%" height="200%">
            <feOffset result="offOut" in="SourceGraphic" dx="200" dy="200"></feOffset>
            <feBlend in="SourceGraphic" in2="offOut" mode="normal"></feBlend>
        </filter>
        <filter id="blurFilter" y="-5" height="40">
            <feGaussianBlur in="SourceGraphic" stdDeviation="3"></feGaussianBlur>
        </filter>
    </defs>
    <path 
        d="M513.742179 260.428358c-50.699706 0-94.190219 39.989783-94.190219 90.692558 0 50.711985 43.490513 90.692558 94.190219 90.692558 50.858318 0 90.704838-39.980573 90.704838-90.692558C604.447017 300.417117 564.60152 260.428358 513.742179 260.428358z" 
        :fill="fill"
        filter="url(#blurFilter)" 
        p-id="98922">
    </path>
    <path 
        d="M513.743202 51.485605c-134.169769 0-286.297538 86.925768-308.186058 271.963065l0 36.33658c0 0 0 14.479783 0 21.744233 14.633279 86.925768 83.466993 177.62856 134.181025 264.554328 50.363038 81.809237 100.642165 160.871921 150.901849 239.469-145.650241 1.578961-257.903861 19.194154-257.903861 43.485397 0 25.355481 123.415844 43.47721 279.341103 43.47721 155.883303 0 279.186583-18.121729 279.186583-43.47721 0-24.103978-110.438275-41.633213-254.408247-43.444465 50.293453-78.610382 100.167351-157.685345 147.406235-239.509932 54.355979-86.924745 123.313513-177.62856 134.181025-264.554328 0-7.264451 0-21.744233 0-21.744233l0-36.33658C800.308847 138.412396 647.924227 51.485605 513.743202 51.485605zM513.742179 519.77508c-94.190219 0-174.005033-76.211752-174.005033-166.904311 0-94.191242 79.814814-170.404018 174.005033-170.404018 94.305853 0 170.518628 76.213799 170.518628 170.404018C684.260807 443.562305 608.049055 519.77508 513.742179 519.77508z" 
        :fill="fill"
        filter="url(#blurFilter)" 
        p-id="98923">
    </path>
</svg>
</template>

<script>
export default {
  name:'starMark',
  components: {},
  data() {
    return {
        // viewBox="0 0 1024 1024" 
    };
  },
  props: {
    x: { type: Number, default: 50 },
    y: { type: Number, default: 50 },
    width: { type: Number, default: 106 },
    height: { type: Number, default: 118 },
    radius: { type: Number, default: 70 },
    strokeWidth: { type: Number, default: 4 },
    stroke: { type: String, default: 'white' },
    fill: { type: String, default: 'red'},
    shadowColor: 'black',
    shadowBlur: 0,
    shadowOffsetX: 100,
    shadowOffsetY:100,
    shadowOpacity: 0.5
  },
  watch: {},
  computed: {},
  created() {},
  mounted() {},
  methods: {}
};
</script>
<style scoped>
</style>